/* 背景遮罩 */
.bg-cover {
	display: none; /* 默认隐藏 */
	position: fixed;
	z-index: 2; /* 位于顶层 */
	left: 0;
	top: 0;
	width: 100%; /* 全屏宽度 */
	height: 100%; /* 全屏高度 */
	background-color: rgba(255,255,255,0.5); /* 半透明背景 */
}

/* 弹窗的基本样式 */
.modal {
	/*display: none;*/ /* 默认隐藏 */
	position: fixed;
	z-index: 1; /* 位于顶层 */
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
 
/* 弹窗内容的样式 */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 垂直居中 */
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}
 
/* 关闭按钮的样式 */
.close-modal {
	/*color: white;
	float: right;
	/*font-size: 28px;*/
	/*font-weight: bold;*/
}
 
.close-modal:hover,
.close-modal:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}